<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>月度点检表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />


</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
    <li>首页</li>
        <li>点检管理</li>
        <li>月度点检表</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

 			<div class="container-fluid mb-20 clearfix">
				<div class="col-md-12">
					<h2 class="page-section-title">查询条件</h2>
				</div>
			</div>

			<div class="container-fluid query-frame-wrap mb-10 clearfix searchDto">
				<div class="col-lg-9 col-lg-item-6">
					<div class="row">
						<div class="col-lg-4">
							<div class="query-frame">
								<label>厂区</label>
								<select name="factory" class="form-control factoryId">
                                </select>
							</div>
						</div>
						<div class="col-lg-4">
							<div class="query-frame">
								<label>区域</label>
								<select name="location" class="form-control areaId">
                                 </select>
							</div>
						</div>
						
					</div>
					
					<div class="row">
		                <div class="col-lg-4">
		                    <div class="query-frame">
		                        <label>设备名称</label>
		                        <input autocomplete="new-password" type="text" class="form-control eqName" />
		                    </div>
		                </div>
		                <div class="col-lg-4">
		                    <div class="query-frame date-frame">
		                    	
		                        <label class="control-label red-star red-star-2">月份</label>
		                        <input autocomplete="new-password" type="text" class="form-control form_datetimeMonth date" readonly />
		                    </div>
		                </div>
		            </div>
				</div>

				<div class="col-lg-3">
					<div class="query-frame query-button">
						<img class="query" th:src="@{/image/search.png}" src="../../static/image/search.png" />
						<img class="reset" th:src="@{/image/rest.png}" src="../../static/image/rest.png" />
					</div>
				</div>
			</div>

			<div class="container-fluid mb-20 clearfix">
				<div class="month-inspection">
					<div class="title-item">
						<img th:src="@{/image/icon-985.png}" src="../../static/image/icon-985.png"/>
						<strong>厂区月度点检不合格设备TOP10</strong>
					</div>
					<ul class="eqTop">
						<!-- <li class="active">EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li>
						<li>EQ001</li> -->
					</ul>
				</div>
			</div>

			<div class="container-fluid mb-20 clearfix">
				<div class="col-md-12 rlt">
					<h2 class="page-section-title">月度巡检列表</h2>
					<ul class="table-tool">
					    <li id="exportTaskRecord">
					        <span class="icon-list_baocun" aria-hidden="true"></span>
					        <label>导出</label>
					    </li>
					</ul>
				</div>
			</div>

			<div class="container-fluid table-container">
				<table id ="recordTable" class="inspection-table"  cellspacing="" cellpadding="">
		
		        </table>
				<!-- <ul class="inspection-table">
					<li class="active">
						<div class="table-box">
							<div class="is-true"></div>1
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-false"></div>2
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-true"></div>3
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-false"></div>4
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-false"></div>5
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-false"></div>6
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-true"></div>7
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-false"></div>8
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-true"></div>9
						</div>
					</li>
					<li>
						<div class="table-box">
							<div class="is-false"></div>10
						</div>
					</li>

				</ul> -->
			</div>

    <!-- <div class="container-fluid table-container">
        <table  cellspacing="" cellpadding="">

        </table>
    </div> -->
</div>

<form id="toolMaintainForm" class="form-horizontal tool-maintain-form" action="">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-big-2" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">设备点检</h4>
                </div>
                <div class="modal-body scroll-style">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">设备编号</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" class="form-control equipCode" readonly />
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">设备型号</label>
                                    <div class="col-lg-8 ">
                                        <input autocomplete="new-password" type="text" class="form-control modelCode" readonly />
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">区域</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" class="form-control areaName" readonly />
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                            
                            	<div class="form-group">
                                    <label class="col-lg-4 control-label">设备名称</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" class="form-control equipName" readonly />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">厂区</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" class="form-control factoryName" readonly />
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="col-lg-12 modal-table-box">
                            <!-- <h3>保养结果</h3> -->
                            <div class="table-box">
                                <table border="1" id="itemTable">
                                    
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-primary yes">保存</button> -->
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>






<div th:replace="common/foot">
</div>



<script th:src="@{/js/lifeCycle/equipLifeCycle/check/month.js}"  src="../../../static/js/factoryModel/factoryArea.js"></script>

</body>
</html>






